<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>

<head>
    <title></title>
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" />
    <script type="text/javascript" src="../internal.js"></script>
    <link rel="stylesheet" type="text/css" href="video.css" />
</head>

<body>
    <div class="wrapper">
        <div id="videoTab">
            <div id="tabHeads" class="tabhead">
                <span tabSrc="upload" class="focus" data-content-id="upload">
                    选择视频
                    <!--<var id="lang_tab_uploadV"></var>-->
                </span>
                <!-- <span tabSrc="video" data-content-id="video"><var id="lang_tab_insertV"></var></span> -->
            </div>
            <div id="tabBodys" class="tabbody">
                <div id="video" class="panel ">
                    <table>
                        <tr>
                            <td><label for="videoUrl" class="url"><var id="lang_video_url"></var></label></td>
                            <td><input id="videoUrl" type="text"></td>
                        </tr>
                    </table>
                    <div id="preview"></div>
                    <div id="videoInfo">
                        <fieldset>
                            <legend><var id="lang_video_size"></var></legend>
                            <table>
                                <tr>
                                    <td><label for="videoWidth"><var id="lang_videoW"></var></label></td>
                                    <td><input class="txt" id="videoWidth" type="text" /></td>
                                </tr>
                                <tr>
                                    <td><label for="videoHeight"><var id="lang_videoH"></var></label></td>
                                    <td><input class="txt" id="videoHeight" type="text" /></td>
                                </tr>
                            </table>
                        </fieldset>
                        <fieldset>
                            <legend><var id="lang_alignment"></var></legend>
                            <div id="videoFloat"></div>
                        </fieldset>
                    </div>
                </div>
                <div id="upload" class="panel focus">
                    <div id="upload_left">
                        <div id="queueList" class="queueList">
                            <!-- <div class="statusBar element-invisible"> -->
                            <div class="statusBar">
                                <div class="progress">
                                    <span class="text">0%</span>
                                    <span class="percentage"></span>
                                </div>
                                <div class="info"></div>
                                <div class="btns">
                                    <!-- <div id="filePickerBtn"></div> -->
                                    <div class="uploadBtn" id="gVideoPickerReady">
                                        <!-- <var id="lang_start_upload"></var> -->

                                    </div>
                                </div>
                            </div>
                            <div id="dndArea" class="placeholder" style="display: none;">
                                <div class="filePickerContainer">
                                    <div id="filePickerReady"></div>
                                </div>
                            </div>
                            <!-- <ul class="filelist element-invisible"> -->
                            <ul class="filelist">
                            </ul>
                        </div>
                    </div>
                    <div id="uploadVideoInfo">
                        <fieldset>
                            <legend>上传</legend>
                            <p>视频最大 <span id="gAllowUploadVideoSize"></span></p>
                        </fieldset>
                        <fieldset>
                            <legend><var id="lang_upload_size"></var></legend>
                            <table>
                                <tr>
                                    <td><label><var id="lang_upload_width"></var></label></td>
                                    <td><input class="txt" id="upload_width" type="text" value="100%" /></td>
                                </tr>
                                <tr>
                                    <td><label><var id="lang_upload_height"></var></label></td>
                                    <td><input class="txt" id="upload_height" type="text" value="" /></td>
                                </tr>
                            </table>
                        </fieldset>
                        <fieldset>
                            <legend><var id="lang_upload_alignment"></var></legend>
                            <div id="upload_alignment">
                                <table>
                                    <tr>
                                        <td>
                                            <label for="video_align_1">
                                                <input type="radio" id="video_align_1" name="video_align" value="left"
                                                    checked />
                                                <span style="position: relative;top: -2px;">居左</span>
                                            </label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label for="video_align_2">
                                                <input type="radio" id="video_align_2" name="video_align"
                                                    value="center" />
                                                <span style="position: relative;top: -2px;">居中</span>
                                            </label>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>
                                            <label for="video_align_3">
                                                <input type="radio" id="video_align_3" name="video_align"
                                                    value="right" />
                                                <span style="position: relative;top: -2px;">居右</span>
                                            </label>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </fieldset>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- jquery -->
    <script type="text/javascript" src="../../third-party/jquery.min.js"></script>

    <!-- webuploader -->
    <script type="text/javascript" src="../../third-party/webuploader-0.1.5/webuploader.min.js"></script>
    <link rel="stylesheet" type="text/css" href="../../third-party/webuploader-0.1.5/webuploader.css">

    <!-- video -->
    <script type="text/javascript" src="video.udin.js"></script>
</body>

</html>